<main>
  <div class="container">
    <script>Admin.Settings(host);</script>

    <h3 class="title is-3"><script>document.write(l10nstrings.strSettings)</script></h3>

    <form id="admin_settings">
      <div class="field is-horizontal">
        <div class="field-label is-normal">
          <label class="label"><script>document.write(l10nstrings.strMemoryStatsCachesize)</script></label>
        </div>
        <div class="field-body">
          <div class="field">
            <div class="control">
              <input type="number" id="mem_stats_size" class="input" name="Memory Stats Size" style="max-width:200px;">
            </div>
          </div>
        </div>
      </div>

      <div class="field is-horizontal">
        <div class="field-label is-normal">
          <label class="label"><script>document.write(l10nstrings.strMemoryStatsInterval)</script></label>
        </div>
        <div class="field-body">
          <div class="field">
            <div class="control">
              <input type="number" id="mem_stats_interval" class="input" name="Memory Stats Interval" style="max-width:200px;">
            </div>
          </div>
        </div>
      </div>

      <div class="field is-horizontal">
        <div class="field-label is-normal">
          <label class="label"><script>document.write(l10nstrings.strCpuStatsCachesize)</script></label>
        </div>
        <div class="field-body">
          <div class="field">
            <div class="control">
              <input type="number" id="cpu_stats_size" class="input" name="Cpu Stats Size" style="max-width:200px;">
            </div>
          </div>
        </div>
      </div>

      <div class="field is-horizontal">
        <div class="field-label is-normal">
          <label class="label"><script>document.write(l10nstrings.strCpuStatsInterval)</script></label>
        </div>
        <div class="field-body">
          <div class="field">
            <div class="control">
              <input type="number" id="cpu_stats_interval" class="input" name="Cpu Stats Interval" style="max-width:200px;">
            </div>
          </div>
        </div>
      </div>

      <div class="field is-horizontal">
        <div class="field-label is-normal">
          <label class="label"><script>document.write(l10nstrings.strLimitVirtMemMb)</script></label>
        </div>
        <div class="field-body">
          <div class="field">
            <div class="control">
              <input type="number" id="limit_virt_mem_mb" class="input" name="Max Document Virtual Memory MB" style="max-width:200px;">
            </div>
          </div>
        </div>
      </div>

      <div class="field is-horizontal">
        <div class="field-label is-normal">
          <label class="label"><script>document.write(l10nstrings.strLimitStackMemKb)</script></label>
        </div>
        <div class="field-body">
          <div class="field">
            <div class="control">
              <input type="number" id="limit_stack_mem_kb" class="input" name="Max Document Stack Memory Kb" style="max-width:200px;">
            </div>
          </div>
        </div>
      </div>

      <div class="field is-horizontal">
        <div class="field-label is-normal">
          <label class="label"><script>document.write(l10nstrings.strLimitFileSizeMb)</script></label>
        </div>
        <div class="field-body">
          <div class="field">
            <div class="control">
              <input type="number" id="limit_file_size_mb" class="input" name="Max File Write Size Mb" style="max-width:200px;">
            </div>
          </div>
        </div>
      </div>

      <div class="field is-horizontal">
        <div class="field-label is-normal">
          <label class="label"><script>document.write(l10nstrings.strMemoryStatsCachesize)</script></label>
        </div>
        <div class="field-body">
          <div class="field">
            <div class="control">
              <input type="number" id="mem_stats_size" class="input" name="Memory Stats Size" style="max-width:200px;">
            </div>
          </div>
        </div>
      </div>

      <div class="field is-horizontal">
        <div class="field-body">
          <div class="field">
            <div class="control">
              <button type="submit" class="button is-primary" style="min-width:120px;"><script>document.write(l10nstrings.strSave)</script></button>
            </div>
          </div>
        </div>
      </div>
    </form>

    <div class="section">
      <h4><script>document.write(l10nstrings.strVersionInfo)</script></h4>
      <p>
        <h5><b>COOLWSD</b></h5>
        <div id="coolwsd-version"></div>
      </p>
      <p>
        <h5><b>LOKit</b></h5>
        <div id="lokit-version"></div>
      </p>
    </div>

    <div class="section is-fullwidth has-text-right">
      <button id="btnShutdown" type="submit" class="button is-danger" style="min-width:140px;"><script>document.write(l10nstrings.strShutdown)</script></button>
    </div>

  </div>
</main>

<script>
  document.getElementById('a-settings-mobile').classList.add('is-active');
</script>
